<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>关闭网页浮动广告</title>
<style type="text/css">
#ad {
  position: fixed;
  /* 指定元素的上边界位置 */
  right: 0;
  /* 指定元素的左边界位置 */
  bottom: 0;
}

#hide {
  position: absolute;
  top: 0;
  /* 如果需要使图片hide置于图片ad的右边缘，则left的值须等于ad的宽度减hide的宽度 */
  left: 167px;
}
</style>
<script>
  function hideSpan() {
    document.getElementById("ad").style.display = "none";
  }
</script>
</head>
<body>
  <div style="text-align: center;">
    <span id="ad">
      <img src="adv.gif">
      <img src="close.jpg" id="hide" onclick="hideSpan()">
    </span>
    <img src="bg.jpg">
  </div>
</body>
</html>